<template style="padding-bottom: 0;">
  <div class="page-header-index-wide warp">
    <a-layout>
      <a-layout-content style="margin-top:0;padding-top: 0px;padding-bottom: 0px;">
        <div id="form" style="width: 49%; margin-right: 1%;">
          <shijiu></shijiu>
        </div>
        <div id="form1" style="width: 50%">
          <twostudy></twostudy>
        </div>
        <div id="form2" style="width: 49%; margin-right: 1%;">
          <partywork></partywork>
        </div>
        <div id="form3" style="width: 50%">
          <partyrule></partyrule>
        </div>
        <div id="form4" style="width: 49%; margin-right: 1%;">
          <experience></experience>
        </div>
      </a-layout-content>
    </a-layout>
  </div>
</template>

<script>
  import shijiu from '@/views/pages/Shijiu'
  import twostudy from '@/views/pages/TwoStudy'
  import partywork from '@/views/pages/PartyWork'
  import partyrule from "@/views/pages/PartyRule"
  import experience from '@/views/pages/Experience'

  export default {
    name: "party",
    components: {
      shijiu,
      twostudy,
      partywork,
      partyrule,
      experience
    },
  }
</script>
<style lang="scss" scoped>
  #form,#form1,#form2,#form3,#form4{
    float:left;
  }
  .warp {
    margin-top: 2px;
    position: relative;
    overflow: hidden;
  }
</style>